<!DOCTYPE html>
<html style="font-size: 37.5px;">

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title></title>
    <link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/vant@2.12/lib/index.css"
/>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
       
        text-align: justify;
      
    }

   body {
        padding: .42667rem .50667rem .45333rem .50667rem;
        box-sizing: border-box;
    }
    img {
        max-width: 100%;
    }

    video {
        max-width: 100%;
    }
   #app{
    font-size: .37333rem;
   }
   iframe {
        max-width: 100%;
    }
    p{
        line-height: 2;
    }
  /*
    .ql-size-huge{
        font-size: 2rem;
    }
    .ql-size-large{
        font-size: 1.5rem;
    }
    .ql-size-small{
        font-size: .7rem;
    }
   

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      
        font-weight: 400;
     
    }

    
 */

 
 .ql-align-center{
        text-align: center;
    }
    .ql-align-right{
        text-align: right;
    }
    .ql-align-justify{
        text-align: justify;
    }

  
        

</style>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

<body style="font-size: 24px;">
    <div id="app">
        <div class="titleB">{{title}}</div>
        <div class="otd-time">
            <div class="otd-left" v-if="loadShow===2">
                <!-- <img src="https://swb-bucket01.oss-cn-zhangjiakou.aliyuncs.com/static/icon/lit.png" alt=""> -->
                <div>创建时间:&nbsp;</div>
                <div class="otd-right">&nbsp;{{createcime}}</div>
            </div>
               
            </div>
        <div class="otd-til" v-html="content"></div>
        <div class="otd-bt"  v-if="loadShow===2"> 本文版权归属原作者，任何人不得引用、复制、转载、摘编、修改、抄袭、剽窃或以其他任何方式使用上述内容，文章仅代表作者观点，内容仅供参考.文章中图片源自原作者配图或网络图片，如涉及侵权，请联系作者删除。 </div>
            <div>
                <van-loading  v-if="loadShow===0" color="#1989fa" vertical>加载中...</van-loading>
                <van-overlay :show="loadShow===0" />
            </div>
    </div>
    <!-- built files will be auto injected -->
</body>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vant@2.12/lib/vant.min.js"></script>
<script>
     

     var app = new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!',
            user_id:'',
            id:'',
            title:'',
            content:'',
            createcime:'',
            loadShow:0,

        },
        mounted(){
            let t=this;
            t.user_id= t.getQueryVariable("user_id")
            t.id= t.getQueryVariable("id")
            if(t.user_id&&t.id){
                t.detail()
            }
        },
        methods: {
            detail(){
                let t=this;
                let d = { user_id: t.user_id }
               
                axios.get('http://ins-api.goboosoft.com/index/getList', {
                    params: d,
                }).then(function (res) {
                    t.loadShow=2;
                        if (res.data.code === 200) {
                            t.content = res.data.data.lists
                            t.content.forEach(item => {
                                if(item.id==t.id){
                                    t.content= item.content;
                                    t.title=item.title;
                                    t.createcime=item.created_at;
                                    document.title = t.title;
                                }
                            });
                        
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    })
            },
            getQueryVariable(variable){
            var query = window.location.search.substring(1);
            var vars = query.split("&");
            for (var i=0;i<vars.length;i++) {
                    var pair = vars[i].split("=");
                    if(pair[0] == variable){return pair[1];}
            }
            return(false);
             }
        }
        })

   



</script>
<style>
    .titleB{
        font-weight: 700;
        font-size: .53333rem;
        color: #333;
        line-height: .64rem;
    }
    .content{
        line-height: 1.55;
     letter-spacing: .04533rem;
    }
    .otd-left{
        margin-top: .5rem;
        display: flex;
        color:rgba(0,0,0,0.3);
        font-size: 15px;
        align-items: center;
    }

    .otd-bt{
        font-size: .26667rem;
        color: #939395;
        margin-top: .53333rem;
        background-color: #f6f8f9;
        padding: .26667rem;
        line-height: .42667rem;
    }
</style>
</html>